<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Dat hang - Comme Les Sang</title>
    <link rel="stylesheet" type="text/css" href="images/stype.css" />
    <link href="js/jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui.min.js"></script>
    <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="js/jquery.mousewheel.min.js"></script>
    <script type="text/javascript" src="js/jquery.mCustomScrollbar.js"></script>
    <script>
		$(window).load(function() {
			mCustomScrollbars();
		});
		function mCustomScrollbars(){
			/* 
			malihu custom scrollbar function parameters: 
			1) scroll type (values: "vertical" or "horizontal")
			2) scroll easing amount (0 for no easing) 
			3) scroll easing type 
			4) extra bottom scrolling space for vertical scroll type only (minimum value: 1)
			5) scrollbar height/width adjustment (values: "auto" or "fixed")
			6) mouse-wheel support (values: "yes" or "no")
			7) scrolling via buttons support (values: "yes" or "no")
			8) buttons scrolling speed (values: 1-20, 1 being the slowest)
			*/
			 
			$("#mcs1_container").mCustomScrollbar("vertical",0,"easeOutCirc",1.05,"fixed","yes","no",0);   
		}
		/* function to fix the -10000 pixel limit of jquery.animate */
		$.fx.prototype.cur = function(){
			if ( this.elem[this.prop] != null && (!this.elem.style || this.elem.style[this.prop] == null) ) {
			  return this.elem[ this.prop ];
			}
			var r = parseFloat( jQuery.css( this.elem, this.prop ) );
			return typeof r == 'undefined' ? 0 : r;
		}
		/* function to load new content dynamically */
		function LoadNewContent(id,file){
			$("#"+id+" .customScrollBox .content").load(file,function(){
				mCustomScrollbars();
			});
		}
	</script> 
</head>

<body>
<div id="wrapper">
    <div id="header">  
    	<div class="logo"><a href="index.html"> <img src="images/logo.png" /></a></div>
		<div id="dang-nhap">
			<div class="dang-nhap-form">
				<div class="dang-nhap-btn">
					<ul>
						<li><a href="#" >LOG IN</a></li>
						<li><a href="register.html" >REGISTER</a></li> 
					</ul>
				</div>
				<div class="dang-nhap-item">
					<div class="dang-nhap-item-text">EMAIL</div>
					<input name="dang-mhap-txt-name" type="text" class="text1" id="-txt-text" size="15px"/>    
				</div>
				<div class="dang-nhap-item">
					<div class="dang-nhap-item-text">PASS</div>
					<input name="dang-mhap-txt-pass" type="password" id="-txt-pass" class="text2" size="15px"/>
				</div>
			</div>
		</div><!------end dangnhap----->
    
		<div class="menu">
			<ul>
				<li> <a href="index.html" > HOME </a> </li>
				<li> <a href="man.html" > MAN </a> </li>
				<li> <a href="woman.html" > WOMAN </a> </li>
				<li> <a href="accessories.html" > ACCESSORIES </a> </li>
				<li> <a href="service.html" > SERVICE </a> </li>
				<li> <a href="contact.html" > CONTACT </a> </li>
			</ul>
		</div><!---end menu------>
    </div><!--end header---->
    
    <div id="content" >
        <div id="main" >
            <div class="contact">
                <div class="dathang-image">
                    <a href="" ><img src="upload/product.jpg" /></a>
                </div>
                <div class="contact-content">
                    <div id="form-contact"> 
					   <div class="content-item">
							<div class="content-item-text">
								<h1><span class="form_item_text_valid">*</span>Họ và Tên KH:</h1></div>
						   	<input name="content-txt-name" type="text" id="content-txt-name" class="text1"/>	   
					   </div>
					   <div class="content-item">
						   <div class="content-item-text">
								<h1><span class="form_item_text_valid">*</span>Địa chỉ gửi hàng: </h1> </div>
						   <input name="content-txt-name" type="text" id="content-txt-name" class="text1"/>
					   </div>
					   <div class="content-item">
						   <div class="content-item-text">
								<h1><span class="form_item_text_valid">*</span>Điện thoại: </h1> </div>
						   <input name="content-txt-name" type="text" id="content-txt-name" class="text1"/>
					   </div>
					   <div class="content-item">
						   <div class="content-item-text">
								<h1><span class="form_item_text_valid">*</span>Email:</h1></div>
						   <input name="content-txt-name" type="text" id="content-txt-name" class="text1"/>
					   </div>
					   <div class="content-item">
						   <div class="content-item-text">
								<h1><span class="form_item_text_valid">*</span>Ghi chú:</h1></div>
						   <textarea name="content-txt-noidung" type="text" id="content-txt-noidung" class="text6"></textarea>  
                      </div>
					  <div class="content-item">
							<div class="right-item">
								<a href="#" class="button">Đặt hàng</a>
								<a href="#" class="button">&nbsp&nbsp&nbsp Hủy &nbsp&nbsp&nbsp </a>
							</div>
					  </div>
					  
						<div class="chu-y">
							<h1>Qui định:</h1>
							<p>- Quí khách vui lòng nhập thông tin chính xác.<br/>
							- Nhân viên của chúng tôi sẽ liên hệ với quí khách để xác nhận đơn hàng trong vòng 24h.</p>
						</div>
                    </div><!--end .form-contact-->               
                </div><!--end .contact-content-->
            </div><!--end .contact-->
                 
            <div id="mcs1_container">
				<div class="customScrollBox">
					<div class="container">
                        <div class="content">
							<div class="item">
								<a href="#"><img src="upload/1.jpg" /> </a>
								<h2>Mã hàng:000112<br />
								Giá:780000VNĐ<br />
								Số lượng:<br />
								Size:<br /></h2>
							</div>
							<div class="clear"></div>
							<div class="item">
								<a href="#"><img src="upload/1.jpg" /> </a>
								<h2>Mã hàng:000112<br />
								Giá:780000VNĐ<br />
								Số lượng:<br />
								Size:<br /></h2>
							</div> 
							<div class="clear"></div>
							<div class="item">
								<a href="#"><img src="upload/1.jpg" /> </a>
								<h2>Mã hàng:000112<br />
								Giá:780000VNĐ<br />
								Số lượng:<br />
								Size:<br /></h2>
							</div> 
							<div class="clear"></div>
							<div class="item">
								<a href="#"><img src="upload/1.jpg" /> </a>
								<h2>Mã hàng:000112<br />
								Giá:780000VNĐ<br />
								Số lượng:<br />
								Size:<br /></h2>
							</div> 
							<div class="clear"></div>
                        </div><!--end .content-->
					</div><!--end .container-->
                
                	<div class="dragger_container"><div class="dragger"></div></div>
				</div>
			</div><!--end .customScrollBox-->
		</div><!--end main-->
	</div><!--end content-->
</div><!--end wrapper-->

<div id="footer">
	<ul>
    	<li>Copyright by<span> Comme les Sang</span> | 2012</li>
        <li> Comme les Sang 427 Nguyen Đinh Chieu Street, ward 5, Dirt 3, Ho Chi Minh City, Viet Nam.</li>
    </ul>
</div><!--------end footter----->
</body>
</html>

